/**
 * Created by yzdd on 2018/6/1.
 */
import React, {Component} from 'react';
import {
  View,
  Text,
  StyleSheet,
  Image,
  TextInput,
  TouchableOpacity
} from 'react-native';
import {line, publicStyle, width} from "../utils/publiscStyle";
import {observer} from "mobx-react";
import {AddLesseeStore} from "../logics/AddLesseeStore";

const styles = StyleSheet.create({
  icon1: {
    width: 18,
    height: 18,
    marginLeft: 15,
    marginRight: 15
  },
  item: {
    width,
    height: 48,
    flexDirection: "row",
    alignItems: "center",
    borderBottomWidth: line,
    borderBottomColor: "#EEEEEE",
    paddingRight: 15,
    backgroundColor: "#FFFFFF"
  },
  inputItem: {
    flex: 1,
    fontSize: 16,
    padding: 0
  },
  inputView: {
    flex: 1,
  },
  inputMulItem: {
    textAlignVertical: 'top',
    fontSize: 16,
    paddingTop: 0,
    flex: 1
  },
  itemMul: {
    width,
    height: 160,
    backgroundColor: "#FFFFFF",
    flexDirection: "row",
    paddingTop: 15
  },
  leftView: {
    width: 48,
    height: 160,
    alignItems: "center"
  },
  inputMulView: {
    flex: 1,
  },
  subBtn: {
    width,
    height: 48,
    alignItems: "center",
    justifyContent: "center",
    backgroundColor: "#1AAD19"
  },
  font5: {
    fontSize: 16,
    color: "#FFFFFF"
  },
  circleView: {
    width: 93,
    height: 93,
    alignItems: 'center',
    justifyContent: "center",
    backgroundColor: "#1AAD19",
    borderRadius: 93,
    marginTop: 50
  },
  icon2: {
    width: 50,
    height: 36
  },
  font6: {
    fontSize: 20,
    color: "#000000",
    marginTop: 25,

  },
  font7: {
    fontSize: 14,
    color: "#888888",
    marginTop: 7,
  },
  font8: {
    fontSize: 18,
    color: "#FFFFFF"
  },
  seeBtn: {
    width: width - 40,
    height: 48,
    borderRadius: 5,
    marginLeft: 20,
    marginRight: 20,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: "#1AAD19",
    marginTop: 50
  }
});

let gouIcon = require('../assets/duigou.png')

//添加承租人
@observer
export default class AddLesseeResult extends Component {
  static navigationOptions = ({navigation}) => {
    return {
      title: "入驻承租人"
    }
  }
  toSee = () => {
    const {navigate} = this.props.navigation;
    navigate("SeeLessee")
  }

  render() {
    return (
      <View style={[publicStyle.container, {alignItems: "center"}]}>
        <View style={styles.circleView}>
          <Image
            source={gouIcon}
            resizeMode={"contain"}
            style={styles.icon2}
          />
        </View>
        <Text style={styles.font6}>提交成功</Text>
        <Text style={styles.font7}>我们会在三个工作日处理完</Text>
        <TouchableOpacity style={styles.seeBtn} onPress={this.toSee}>
          <Text style={styles.font8}>点击查看</Text>
        </TouchableOpacity>
      </View>
    );
  }
}